<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>	
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">

    <head>
        <title>${head.nomPage}</title>
        <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="frontOffice/css/main.css" media="screen, print, projection" />
        <link rel="stylesheet" type="text/css" href="frontOffice/css/home.css" media="screen, print, projection" />
        <link rel="stylesheet" type="text/css" href="frontOffice/css/StyleAnneSo.css" media="screen, print, projection" />
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>        
        <script src="frontOffice/js/checkAndRadio.js" type="text/javascript" charset="utf-8"></script>
        
    </head>

    <body>
        <div id="wrapper">
            <div id="header">

                <div id="logo">
                    <!--<h1>${head.titre}</h1>
                    <h2>${head.sousTitre}</h2>-->
                </div>
                
                <div id="login">
                    <c:if test="${empty user }">
                        <form method="post" action="Connection">
                            <div>
                                <input type="text" value="" name="login" placeholder="Identifiant"/>
                                <input class="button" type="submit" value="Connection" />
                            </div>
                            
                            <div>
                                <input type="password" value="" name="password" placeholder="Mot de passe"/>
                                <a class="button" href="" class="button">S'inscrire</a>
                            </div>
                            
                        </form>

                    </c:if>
                    <c:if test="${!empty user }">
                            <p>Bonjour ${user.prenom} <a href="Deconnection"><FONT color="F58220">Se deconnecter</FONT></a></p>

                    </c:if>
                </div>

                <div id="menu">
                    <c:forEach var="menu" items="${menus}">
                        <a href="${menu.href}" >${menu.libelle}</a>
                    </c:forEach>
                </div>
            </div>